<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="format-detection" content="telephone=no"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>新建</title>
    <link href="../css/font.css" type="text/css" rel="stylesheet">
    <link href="../css/style.css" type="text/css" rel="stylesheet">
    <!--block[hdcss]-->

    <!--block[hdcss]end-->
</head>
<body>
<!--block[content]-->
<section class="wrap">
    <div class="page">
        <!--<header class="hd">头部 </header>-->
        <div class="m-search">
            <div class="iptWrap">
                <input class=" ipt" type="text"  placeholder="请输入姓名搜索"/>
                <i class="fa fa-search"></i>
            </div>
        </div>
        <div class="m-bar">
            <a class="u-btn" href="javascript:void(0)">按组织选人</a>

        </div>
        <div class="m-bar">
            <a class="u-btn" href="javascript:void(0)">按名称选人</a>
            <span class="checkAll"><i class="fa fa-circle-o"></i>全选</span>
        </div>
        <div class="listWrap" id="listPanelWrap">
           <ul class="m-opts"  id="listPanel" >
               <li>
                   <div class="cont">
                       <i class="icon fa fa-check-circle-o"></i>
                       <img src="../img/1.jpg" class="thumb" alt="">
                       <div class="person">李主任</div>
                   </div>
               </li>
               <li>
                   <div class="cont">
                       <i class="icon fa fa-circle-o"></i>
                       <img src="../img/1.jpg" class="thumb" alt="">
                       <div class="person">李主任</div>
                   </div>
               </li>

           </ul>
           <ul class="m-opts" >
               <li class="on">
                   <div class="cont">
                   <span class="group">
                        院办
                   </span>
                       <span class="num">
                        30人
                   </span>
                       <span class="fa fa-angle-down icon-status"></span>
                       <span class="fa fa-angle-right icon-status"></span>
                   </div>
                   <ul class="m-opts children">
                       <li>
                           <div class="cont">
                               <i class="icon fa fa-circle-o"></i>
                               <img src="../img/1.jpg" class="thumb" alt="">
                               <div class="person">李主任</div>
                           </div>
                       </li>
                       <li>
                           <div class="cont">
                               <i class="icon fa fa-circle-o"></i>
                               <img src="../img/1.jpg" class="thumb" alt="">
                               <div class="person">李主任</div>
                           </div>
                       </li>
                       <li>
                           <div class="cont">
                               <i class="icon fa fa-circle-o"></i>
                               <img src="../img/1.jpg" class="thumb" alt="">
                               <div class="person">李主任</div>
                           </div>
                       </li>
                       <li>
                           <div class="cont">
                               <i class="icon fa fa-circle-o"></i>
                               <img src="../img/1.jpg" class="thumb" alt="">
                               <div class="person">李主任</div>
                           </div>
                       </li>
                   </ul>
               </li>
               <li>
                   <div class="cont">
                   <span class="group">
                        院办
                   </span>
                       <span class="num">
                        30人
                   </span>
                       <span class="fa fa-angle-down icon-status"></span>
                       <span class="fa fa-angle-right icon-status"></span>
                   </div>
                   <ul class="m-opts children">
                       <li>
                           <div class="cont">
                               <i class="icon fa fa-circle-o"></i>
                               <img src="../img/1.jpg" class="thumb" alt="">
                               <div class="person">李主任</div>
                           </div>
                       </li>
                       <li>
                           <div class="cont">
                               <i class="icon fa fa-circle-o"></i>
                               <img src="../img/1.jpg" class="thumb" alt="">
                               <div class="person">李主任</div>
                           </div>
                       </li>
                       <li>
                           <div class="cont">
                               <i class="icon fa fa-circle-o"></i>
                               <img src="../img/1.jpg" class="thumb" alt="">
                               <div class="person">李主任</div>
                           </div>
                       </li>
                       <li>
                           <div class="cont">
                               <i class="icon fa fa-circle-o"></i>
                               <img src="../img/1.jpg" class="thumb" alt="">
                               <div class="person">李主任</div>
                           </div>
                       </li>
                   </ul>
               </li>
               <li >
                   <div class="cont">
                   <span class="group">
                        院办
                   </span>
                       <span class="num">
                        30人
                   </span>
                       <span class="fa fa-angle-down icon-status"></span>
                       <span class="fa fa-angle-right icon-status"></span>
                   </div>
                   <ul class="m-opts children">
                       <li>
                           <div class="cont">
                               <i class="icon fa fa-circle-o"></i>
                               <img src="../img/1.jpg" class="thumb" alt="">
                               <div class="person">李主任</div>
                           </div>
                       </li>
                       <li>
                           <div class="cont">
                               <i class="icon fa fa-circle-o"></i>
                               <img src="../img/1.jpg" class="thumb" alt="">
                               <div class="person">李主任</div>
                           </div>
                       </li>
                       <li>
                           <div class="cont">
                               <i class="icon fa fa-circle-o"></i>
                               <img src="../img/1.jpg" class="thumb" alt="">
                               <div class="person">李主任</div>
                           </div>
                       </li>
                   </ul>
               </li>


           </ul>
        </div>

    </div>
</section>

<div class="m-fixed-btns">
    <div>
        <a class="u-btn u-btn-cancel" href="javascript:void(0)">
            取&nbsp;&nbsp;消
        </a>
    </div>
    <div>
        <a class="u-btn  " href="javascript:void(0)">
            确&nbsp;&nbsp;定
        </a>
    </div>
</div>
<footer class="ft">底部</footer>
<!--block[content]end-->
<script src="../js/lib/zepto.min.js" type="text/javascript"></script>
<script src="../js/plugin/juicer-min.js" type="text/javascript"></script>
<script type="text/javascript">

    //page init
    (function(){

        var listPanelWrap = $('#listPanelWrap');
        listPanelWrap.height($(window).height()-120);


    })();


</script>
<!--block[endscript]end-->
</body>
</html>